@charset "UTF-8";

/* forms */
input[type=radio],
input.type_radio,
input[type=checkbox],
input.type_checkbox{width:12px;height:18px; margin:-1px 3px 0 0; *margin-top:-1px;border:none;}
input[type=text],
input.type_text,
input[type=password],
input.type_password,
input[type=file],
input.type_file{height:18px;*height:19px;padding:2px 0 0 3px; line-height:18px;border:1px solid #C2C2C2;background-color:#fff}
select{height:22px;*margin-top:1px;padding:2px;}
select,textarea{border:1px solid #C2C2C2;background-color:#fff;padding:2px 0 0 3px; }


/* -------------------- link -------------------- */
a, a:link {
    color:#666666;
    text-decoration:none;
}
a:visited {
    color:#666666;
    text-decoration:none;
}
a:hover {
    color: #20a6ff;
    text-decoration:none;
}
a:focus {
    color:#20a6ff;
    text-decoration:none;
}
a:active {
    color:#666666;
    text-decoration:none;
}

label, select, input, textarea, img{
    vertical-align:middle;
}

body{
    color:#3a3a3a;
    font-size:13px;
    line-height:18px;
    font-family:'굴림',Dotum,'굴림',Gulim,Verdana,AppleGothic,san-serif;
 /*   text-align:center; 마진오토가 안들어서 좌우센터가 안잡힐때 적용*/
}

#wraper{
    background:url(../images/header_bg.gif) repeat-x center 0;
}

#header {
    width:1024px;
    height:78px;       
    margin:0 auto;
    position:relative;
    z-index:9999;
    margin-bottom:30px;
}

.logo{position:absolute; top:9px; left:0px;}
.topmenu{position:absolute; top:51px; left:0px;}
.topmenu ul li{float:left; padding:0px 10px 0 10px; border-right:1px solid #313042; height:15px;}
.topmenu ul li.first{padding-left:0px;}

#sub_content:after,#main_content:after{
    content:'';
    display:block;
    clear:both;
}
#sub_content{
    position:relative;
    width:1024px;
    margin:0 auto;
    text-align:left;
    *zoom:1;
    }

#sub_content h2{
	font-weight:bold;
	font-size:25px;
	margin-bottom:10px;
	color:#313042;
}

.creditbtn{width:100%; margin-bottom:10px; text-align:right;}

.creditsearch{background:none repeat scroll 0 0 #f7f7f7; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;
height:35px; line-height:18px; position:realtive; width:100%;}
.cre_search{float:left;  margin-top:7px; margin-left:10px;}
.cre_search select{margin-right:5px; border:1px solid #c2c2c2;}

.cre_view{float:right; margin-top:7px; margin-right:10px;}

.pinkbtn{background-color:#e60973; color:#ffffff; border:none; padding:3px 5px;cursor:pointer;}
.bluebtn{background-color:#20a6ff; color:#ffffff; border:none; padding:3px 5px;cursor:pointer;}
.graybtn{background-color:#3c3a45; color:#ffffff; border:none; padding:3px 5px;cursor:pointer;}
.searchbtn{#margin-top:-1px;}

.credit_table{
    border-bottom:1px solid #e5e5e5;
    border-top:2px solid #e5e5e5;
    width:100%;
    margin-top:10px;
    font-size:13px;
    }
    .credit_table thead th{
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        padding:7px 7px;
        text-align:center; color:#20a6ff;
        background-color:#fafafa;}
    .credit_table .end{border-right:none;}
    .credit_table th span{position: relative; padding:0 0 0 16px; display:block;}
    .credit_table th span img{position: absolute; top:4px; left:3px; _left:-11px;}
    .credit_table tbody th{
        background:none repeat 0 0 #f9f9f9;
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        color:#20a6ff;
        padding:7px 7px;
        text-align:center;
        }
    .credit_table tbody td{
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        padding:8px 8px; line-height:18px; background-color:#fff;text-align:center;}
        

/*페이징*/
.crepage{height:30px; margin-bottom:20px; text-align:center;}
.crepage strong a{color:#20a6ff; font-weight:bold;}
.crepage a{margin-left:3px;}
.crepage a:hover{color:#20a6ff;}
.crepage img{margin-bottom:3px;}

/*신규*/
.customer_table{
    border-bottom:1px solid #e5e5e5;
    border-top:2px solid #e5e5e5;
    width:100%;
    margin-top:10px;
    font-size:13px;
    }
    .customer_table thead th{
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        padding:8px;
        text-align:center; color:#20a6ff;
        background-color:#fafafa;}
    .customer_table thead th.point{ background-color:#e8f6ff;}
    .customer_table tbody td.point{ background-color:#fafafa;}
    .customer_table tbody th.bl{border-left:1px solid #e5e5e5;}
    .customer_table .end{border-right:none;}
    .customer_table th span{position: relative; padding:0 0 0 16px; display:block;}
    .customer_table th span img{position: absolute; top:4px; left:3px; _left:-11px;}
    .customer_table tbody th{
        background:none repeat 0 0 #f9f9f9;
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        color:#20a6ff;
       padding:8px;
        text-align:center;
        }
    .customer_table tbody td{
        border-bottom:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        padding:8px; line-height:18px; background-color:#fff;text-align:left;}
        
/*topmenu*/



/* MENU */

#css3menu {
 float: left;
 margin: 0 auto; padding: 0;
 width:100%;
 position:absolute; top:40px; left:0px;
}


#css3menu li a, #css3menu li {
 float: left;
}

#css3menu li {
 list-style: none;
 position: relative;
 border-right:1px solid #e0e0e0;
}
#css3menu li.first{border-left:1px solid #e0e0e0;}

#css3menu li a {
 padding:9px 20px;
 text-decoration: none;
 color:#053657;
 background:url(../images/menu_bg.gif) repeat-x;
 font-weight:bold;
}

#css3menu li a:hover {
 background: #20a6ff;
 color:#ffffff;
 font-weight:bold;
 }


/* Submenu */

.hasChildren {
    position: absolute;
    width: 5px; height: 5px;
    background: black;
    right : 0;
    bottom: 0;
}

#css3menu li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#css3menu li:hover > ul {
 display: block;
}

#css3menu li ul li, #css3menu li ul li a {
 float: none;
}

#css3menu li ul li {
 _display: inline; /* for IE6 */
  border-right:none;
}

#css3menu li ul li a {
 width: 150px;
 display: block;
}

/* SUBSUB Menu */

#css3menu li ul li ul {
 display: none;
}

#css3menu li ul li:hover ul {
 left: 100%;
 top: 0;
}



/*팝업 공통*/
.invisible {position:absolute; left:-5000px; height:0; line-height:0;}
.ipw40{width:40px;}
.ipw50{width:50px;}
.ipw80{width:80px;}
.ipw90{width:90px;}
.ipw100{width:100px;}
.ipw110{width:110px;}
.ipw130{width:130px;}
.ipw150{width:150px;}
.ipw154{width:154px;}
.ipw180{width:180px;}
.ipw242{width:242px;}
.ipw300{width:300px;}

/*우편번호검색*/
#searchpop{width:500px;}
#searchpop h1{background-repeat: repeat-x; background-color:#20a6ff; height:32px; position:relative;
padding:12px 0 0 10px; font-weight:bold; font-size:18px; color:#fff; margin-bottom:20px;}
#searchpop h2{font-weight:bold; margin:23px 0 13px 28px;}
ul.tab-list:after{content:'';display:block;clear:both;}
ul.tab-list {height:37px;margin-bottom:20px;margin-top:20px;overflow:hidden;width:450px;}
ul.tab-list li {float: left; position:relative;}
    ul.tab-list li.tabtit0{left:0px;}
    ul.tab-list li.tabtit1{left:-1px;}
    ul.tab-list li.tabtit2{left:-2px;}
    ul.tab-list li.tabtit3{left:-3px;}
    ul.tab-list li.tabtit4{left:-4px;}
    ul.tab-list li.tabtit5{left:-5px;}
    ul.tab-list li.tabtit6{left:-6px;}
    ul.tab-list li.tabtit7{left:-7px;}
ul.tab-list li a{color:#fff;}
#sub-tab{position:relative; z-index:9999; margin-left:28px;}
.addr-ex{margin-left:28px; margin-bottom:20px;}
.addr-ex span{color:#007462;}
.search_box{width:446px; height:72px; position:relative; margin-left:28px; border:1px solid #e0e0e0;}
.search_box label,.search_box input{position:absolute;}
.search_box label{background:url(../images/common/dotg_icon.gif) no-repeat 0 8px; padding-left:8px; font-weight:bold;}
.search_box label.addr{margin:26px 0 0 80px;}
.search_box input#addr{margin:25px 0 0 150px;}
.search_box input#addrbtn{margin:25px 0 0 270px;}
.addr-result{border:1px solid #e5e5e5; width:425px; height:200px; overflow:auto; margin-left:20px; padding:10px; margin:0 auto;}
.addr-result ul li{margin-bottom:3px;}
.popupclose{border-top:1px solid #e5e5e5; padding-top:20px; margin-top:30px;}
.popupclose input{display:block; margin:0 auto;}



#creditpop{width:600px;}
#creditpop h1{background-repeat: repeat-x; background-color:#20a6ff; height:32px; position:relative;
padding:12px 0 0 10px; font-weight:bold; font-size:18px; color:#fff; margin-bottom:20px;}



